import axios from "axios";
import React, {  useEffect,  useLayoutEffect, useInsertionEffect } from "react";


function App() {

    useEffect(()=>{
        console.log('useEffect');
        
    },[])

    // 在useInsertionEffect 后面执行， useEffect 前执行
    useLayoutEffect(()=>{
        console.log('useLayoutEffect');
        
    },[])

    //  因为该 hooks 会在 DOM 渲染前执行，所以这里可以注入 css 样式
    useInsertionEffect(()=>{
        console.log('useInsertionEffect');
        
    },[])
    return <>
        <h1>App</h1>
    </>
        
}


export default App